<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<th:block th:fragment="footer">
    <div id="footer" class="section footer">
        <footer>
            <div class="wrap top footer-wrap">
                <div class="footer-nav">
                    <a href="#" th:each="m: ${menus}" th:href="${m.id == 2 ? '/product_list' : m.href}" th:text="${session.lang == 'en' ? m.titleEn : m.title}">首页</a>
                </div>
                <div class="warp-box">
                    <a href="index.html" rel="noopener noreferrer" class="footer-logo" style="top:50%;transform:translateY(-50%)">
                        <img src="/static/image/logo.png" alt="" class="footer-log-img">
                    </a>
                    <ul class="company-info">
                        <li><i class="iconfont icon-dashaxiaoqudizhi01"></i><th:block th:text="${i18n.key1}"></th:block>：<th:block th:text="${session.lang == 'en' ? companyProfile.nameEn : companyProfile.name}"></th:block></li>
                        <li><i class="iconfont icon-dianhua"></i><th:block th:text="${i18n.key2}"></th:block>：<th:block th:text="${companyProfile.tel}"></th:block></li>
                        <li><i class="iconfont icon-youjian"></i><th:block th:text="${i18n.key3}"></th:block>：<th:block th:text="${companyProfile.email}"></th:block></li>
                        <li><i class="iconfont icon-dianhua"></i><th:block th:text="${i18n.key4}"></th:block>：<th:block th:text="${companyProfile.servicePreSalesTechnicalTeamTel}"></th:block></li>
                        <li><i class="iconfont icon-dianhua"></i><th:block th:text="${i18n.key5}"></th:block>：<th:block th:text="${companyProfile.serviceAfterSalesTechnicalTeamTel}"></th:block></li>
                        <li><i class="iconfont icon-xiazai20"></i><th:block th:text="${session.lang == 'en' ? companyProfile.addressEn : companyProfile.address}"></th:block></li>
                    </ul>
                    <div class="code-img">

                        <div class="share-icon clearfix">
                            <a href="javascript:;" class="hover-share">
                                <img src="/static/weixin.png" alt="" class="icon-img">
                                <div class="wx-img hover-hidden animate__animated animate__fadeInUp">
                                    <div id="wxImg" class="wx-code"></div>
                                    <p class="share-text">扫一扫即可分享到朋友圈</p>
                                </div>
                            </a>
                            <a href="javascript:;" class="hover-share">
                                <img src="/static/qq.png" alt="" class="icon-img">
                                <div class="wx-img hover-hidden animate__animated animate__fadeInUp">
                                    <div class="wx-code">
                                        <img src="/static/qq-code.png" alt="" style="width:100%;height:100%;display:block">
                                    </div>
                                    <p class="share-text">扫一扫加我企业QQ</p>
                                </div>
                            </a>
                            <a href="javascript:;" class="hover-share">
                                <img src="/static/email.png" alt="" class="icon-img">
                                <div class="hover-hidden animate__animated animate__fadeInUp email-text">
                                    Email: 3003430587@qq.com
                                </div>
                            </a>
                            <a href="javascript:;" class="share-link">
                                <img src="/static/link.png" alt="" class="icon-img">
                            </a>
                        </div>

                        <div class="erweima clearfix">
                            <a href="#" class="shop-img">
                                <img th:src="${companyProfile.shopmall}" alt="">
                                <p><th:block th:text="${i18n.key7}"></th:block></p>
                            </a>
                            <a href="#" class="shop-img">
                                <img th:src="${companyProfile.weixin}" alt="">
                                <p><th:block th:text="${i18n.key8}"></th:block></p>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
            <div class="bt wrap clearfix">
                <span><th:block th:text="${i18n.key6}"></th:block> &copy; <th:block th:text="${companyProfile.name}"></th:block> </span> <a href="https://beian.miit.gov.cn" rel="noopener noreferrer"><th:block th:text="${companyProfile.beian}"></th:block></a>
            </div>
            <script>
                var _hmt = _hmt || []
            </script>
            <!-- <script type="text/javascript" src="./static/js/ks.js"></script> -->
        </footer>
    </div>
    <script src="/static/js/qrcode.js"></script>
    <script>
        var winW = document.body.clientWidth
        if(winW > 1421) {
            var wrapW = $('.wrap').css('width')
            var footNavW = parseFloat( $('.footer-nav').css('width') )
            $('.footer-nav').css({
                'margin-left': - footNavW / 2 + 'px'
            })
            var _disLeft = $('.footer-nav').offset().left
            var logoImgWidth = parseFloat( $('.footer-log-img').css('width') )
            $('.footer-logo').css('left',_disLeft - logoImgWidth-80 + 'px')
            $('.footer .company-info').css('margin-left',_disLeft +'px')
            var _imgLeft = $('.footer-log-img').offset().left
            $('.code-img').css('right',_imgLeft+'px')
        }

        // 分享

        var qrcode = new QRCode("wxImg", {
            text: location.href,
            width: 256,
            height: 256,
            colorDark : "#000000",
            colorLight : "#ffffff",
            correctLevel : QRCode.CorrectLevel.H
        })

        var _title,_source,_sourceUrl,_pic,_showcount,_desc,_summary,_site,_url;

        $('.share-link').on('click',function() {
            copy(location.href)
        })

        function copy (value) {
            const input = document.createElement('input') // js创建一个input输入框
            input.value = value // 将需要复制的文本赋值到创建的input输入框中
            document.body.appendChild(input) // 将输入框暂时创建到实例里面
            input.select() // 选中输入框中的内容
            document.execCommand('Copy') // 执行复制操作
            document.body.removeChild(input) // 最后删除实例中临时创建的input输入框，完成复制操作
            VtMessage.success({
                duration: 0,
                content: '链接复制成功',
                offset: 'vt-top-center vt-fixed'
            })
            setTimeout(function() {
                $('.vt-message-package').css('display','none')
            },2000)
        }

        $('.fixed-nav').on('click','.scroll-top',function() {
            if(location.pathname != '/') {
                $('html, body').animate({scrollTop:0}, 300);
            }else {
                $('#fullpage').css("transform","translate3d(0px, 0px, 0px)")
                $('#fullpage .section').eq(0).addClass('active fp-completely').siblings().removeClass('active fp-completely')
                $('#fp-nav ul li').eq(0).find('a').addClass('active').parent().siblings().find('a').removeClass('active')
            }
        })
    </script>
    <script src="https://w1011.ttkefu.com/k/?fid=1F5EFH3" charset=utf-8 async></script><div style="display:none;"><a href='javascript:;'>在线客服系统</a></div>
</th:block>